<template>
  <div style="height: 500px">
    <el-table :data="tableData" style="width:60%;margin: 50px auto;"
              border
    >
      <el-table-column prop="language" label="language" ></el-table-column>
      <el-table-column prop="files" label="files" ></el-table-column>
      <el-table-column prop="blank" label="blank" ></el-table-column>
      <el-table-column prop="comment" label="comment" ></el-table-column>
      <el-table-column prop="code" label="code" ></el-table-column>
    </el-table>
  </div>
</template>

<script>
import request from "@/utils/request";

export default {
  name: "codeCount",
  created() {
    this.load()
  },
  methods:{
    load() {
      request.get(this.$route.path).then(res => {
        console.log(res)
        this.tableData = res.data
      })
    }
  },
  data(){
    return{
      tableData:[
        {
          Language:'',
          files:'',
          blank:'',
          comment:'',
          code:'',
        }
      ],
    }
  }
}
</script>

<style scoped>
::v-deep .el-table th{
}
</style>